//面包屑

// .el-breadcrumb__item:last-child .el-breadcrumb__inner,
// .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
// .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
// .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
//   color: #01cbff !important;
// }
//多行input
// .el-textarea__inner::placeholder {
//   font-size: 15px !important;
// }
// .el-textarea__inner {
//   font-size: 17px;
// }
.el-image-viewer__mask{
  opacity: .8 !important;
}
//搜索区域的样式
.search-wrap {
  .el-form-item__label {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 22px;
    color: #333333;

    line-height: 40px;
  }
  .el-input__inner::placeholder {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #999999;
  }
  .el-date-editor {
    width: 250px !important;
  }
  .el-select {
    width: 250px;
  }
  .el-input {
    width: 250px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 22px;
    color: #333333;
  }
  .el-input__inner {
    width: 100%;

    // font-weight: 500;
    // font-size: 22px;
    // color: #333333;
  }
  .el-input--suffix {
    box-shadow: none !important;
  }
  .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: none !important;
  }
  .el-select .el-input__wrapper.is-focus {
    box-shadow: none !important;
  }
  .el-input__wrapper,
  .is-focus {
    box-shadow: none !important;
  }
  .el-textarea__inner:focus {
    box-shadow: none !important;
  }
  .el-button--primary:hover {
    background: #0874fa;
  }

  .el-button--primary {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    width: 89px;
    height: 37px;
    background: #0874fa;
    border-radius: 4px;
  }
  .el-button--danger {
    width: 89px;
    height: 37px;
    background: #fa0808;
    border-radius: 4px;

    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
  }
  .el-input__wrapper {
    width: 250px;
    height: 40px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #cccccc;
    box-shadow: none;
  }
}
//日期样式
// .el-range-input,
// .el-range-separator {
//   font-size: 20px !important;
// }

// el-select 自定义样式（用于选择框）

//table样式
.data-wrap {
  .cell:empty::before {
    content: "--" !important;
  }
  .el-table__row {
    height: 60px !important;
    .cell {
      font-weight: 400 !important;
      font-size: 20px !important;
      color: #666666 !important;
    }
  }

  .el-table {
    border: none !important;
    //   background-color: #0bb7dd;
  }
  .el-table thead tr > th {
    height: 60px !important;
    background: #f1f5f8 !important;
    font-family: Source Han Sans CN;
    font-weight: 500 !important;
    font-size: 21px !important;
    color: #333333 !important;
  }
  .el-table td.el-table__cell,
  .el-table th.el-table__cell.is-leaf {
    border-bottom: none !important;
    border-bottom: 1px solid #eceeef !important;
  }

  // .el-table .even-style {
  //   background: #0c365a;
  //   font-size: 18px;
  //   font-weight: 400;
  //   color: #fefefe;
  // }
  .el-table .odd-style {
  }
}

//pagination样式
.el-pagination {
 
  .el-select .el-input__wrapper {
    // background: rgba(8, 156, 194, 0.14);
    // // border: 1px solid #0bb7dd;
    // box-shadow: none;
    // border-radius: 4px !important;
    // // color: #0bb7dd;
    // font-weight: 400 !important;
    width: 121px;
    height: 42px;
    border-radius: 4px;
    // border: 1px solid #313131;
  }
  .is-active,
  .number {
    width: 33px;
    height: 33px;
    background: #007cff;
  }
  .el-input__wrapper:hover {
    // box-shadow: none !important;
  }
  .el-select .el-input.is-focus .el-input__wrapper {
    // box-shadow: none !important;
  }
  .el-pagination.is-background .el-pager li {
    // background-color: transparent !important;
    // color: #0bb7dd;
    // font-size: 17px;
    // font-weight: 400;
  }
  .el-pagination__goto,
  .el-pagination__classifier {
    color: #666;
    font-weight: 400;
    font-size: 21px;
  }
  .el-input__wrapper {
    // background: rgba(8, 156, 194, 0.14) !important;
    // border: 1px solid #0bb7dd;
    // border-radius: 4px;
    // box-shadow: none !important;
    // font-size: 17px;
    height: 42px;
    // width: 196px !important;
  }
  .el-input__inner {
    color: #666;
    font-size: 21px !important;
  }
  .el-pagination__total {
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 21px;
    color: #666666;
  }
  .el-select .el-input__inner {
    // color: #0bb7dd;
    font-size: 21px;
  }
  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev {
    background: transparent !important;

    font-size: 21px;
    width: 30px !important;
    height: 30px !important;
  }

  .el-pagination.is-background .btn-next.is-active,
  .el-pagination.is-background .btn-prev.is-active,
  .el-pagination.is-background .el-pager li.is-active {
    // background: rgba(8, 156, 194, 0.14);
    // border: 1px solid #0bb7dd;
    color: #666 !important;
    font-size: 21px;
  }
 
}
.dia-select-item {
  // 修改当前选中选项的文字显示颜色
  height: 42px !important;
  line-height: 42px !important;
  font-family: Source Han Sans CN;
  font-weight: 400 !important;
  font-size: 22px !important;
  // color: #000000 !important;
}
.el-tree-node__content {
  height: 40px !important;
}
.table-height {
  .el-checkbox__inner {
    width: 18px;
    height: 18px;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner::after {
    width: 7px;
    height: 10px;
  }
}
//弹框样式
.el-dialog {
  border-radius: 10px !important;
  .el-input--suffix {
    box-shadow: none !important;
  }
  .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: none !important;
  }
  .el-select .el-input__wrapper.is-focus {
    box-shadow: none !important;
  }
  .el-dialog__header {
    border-radius: 10px 10px 0 0 !important;
  }
  .el-dialog__body {
    border-radius: 0 0 10px 10px !important;
  }
  .el-input__wrapper,
  .is-focus {
    box-shadow: none !important;
  }
  .el-textarea__inner:focus {
    box-shadow: none !important;
  }
  .el-form-item__label {
    height: 50px;
    line-height: 50px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 28px;
    color: #000000 !important;
  }
  .el-select {
    width: 100% !important;
  }
  .el-input__wrapper {
    height: 60px;
    line-height: 60px;
  }
  .el-select::placeholder {
    font-weight: 400;
    font-size: 26px !important;
    color: #999999;
  }
  .el-input__inner {
    font-weight: 400;
    font-size: 28px;
    color: #000000;
  }
  .el-input__inner::placeholder {
    font-weight: 400;
    font-size: 26px;
    color: #999999;
  }
  .el-input__wrapper::placeholder {
  }
  .el-textarea__inner::placeholder {
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 26px;
    color: #999999;
  }
  .el-input__wrapper,
  .el-textarea__inner {
    box-shadow: none;

    font-weight: 400;
    font-size: 28px;
    color: #000000;
    background: #f7f6f6;
    border-radius: 6px;
    border: 1px solid #d8d5d5;
  }
}
//图片上传样式
.avatar-uploader .el-upload {
  border: 1px dashed #0bb7dd;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  // transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  // border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #0bb7dd !important;
  width: 157px;
  height: 149px;
  text-align: center;
}
//日期选择器
// .el-input__inner {
//   color: #fff !important;
// }
// .el-range-input {
//   color: #fff !important;
// }
// .el-range-separator {
//   color: #fff !important;
// }
// .el-date-editor {
//   width: 400px !important;
// }
// .el-input__wrapper {
//   background: #0c365a !important;
// }
